/* CSS Document */
*{margin:0; padding:0}
body{color:#333; font-size:13px; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.jpg) repeat-x top}
img{border:0}
a:link,a:active,a:visited{color:#0468bc; text-decoration:none}
a:hover{color:#2e91e5; text-decoration:underline}
#wrapper{width:1000px; margin:auto}

#header{clear:both; height:111px}
#header img{float:left; margin-right:80px}
#header h1, #header h5{width:650px; float:right; color:#0468bc; font-size:26px; margin:15px 0}
#header #search{width:353px; height:32px; float:left; padding-left:15px; background:url(images/search.jpg) no-repeat right}
#header #search #txtSearch{width:265px; float:left; color:#868686; padding:7px 15px; background:none; border:none}
#header #search #btnSearch{width:55px; height:32px; float:left; margin:0; padding:0; background:none; border:none; cursor:pointer}
#header #hotline{font-size:14px; float:right; margin-top:5px}
#header #hotline span{font-size:24px; font-weight:bold; color:#C00}

#menu{clear:both; height:34px; margin-bottom:1px}
#slider{clear:both; height:280px}

#content{clear:both; width:100%}

#left_view{width:225px; float:left}
#left_view .box_item{clear:both; margin-bottom:50px}
#left_view .box_item .item{display:block; color:#333; clear:both; line-height:30px; margin:10px 0; padding-left:45px}
#left_view .box_item .item h3{font-size:13px; text-transform:uppercase}
#left_view .box_item .item1{display:block; color:#333; clear:both; line-height:30px; margin:10px 0; padding-left:45px}
#left_view .box_item .item1 h3{font-size:13px}
#left_view .box_item .title{clear:both; line-height:35px; padding-left:30px; text-transform:uppercase; color:#0468bc; font-size:16px; font-weight:bold}

#left_view .box_item .item3{width:213px; height:65px; clear:both; padding:5px; margin-top:5px; background:url(images/bg-info-left.jpg); border:solid 1px #ddd3c7}

#left_view .box_item .item3 img{width:90px; height:65px; margin-right:5px; float:left}
#left_view .box_item .item3 h3{font-size:13px; font-weight:100; color:#333; line-height:22px}

#left_view .box_item .img{width:225px; margin-bottom:5px}

#right_view{width:745px; float:right}

#home_about{clear:both; padding:0 35px; margin-bottom:50px}
#home_about h1{color:#4c2909; font-size:24px; margin:5px 0 15px 0}
#home_about h2{color:#666; font-size:13px; font-weight:100; line-height:22px; text-align:justify; margin-bottom:10px}
#home_about img{float:left; margin-right:10px}

.list_product{clear:both}
.list_product .title{font-size:16px; clear:both; text-transform:uppercase; font-weight:bold; margin:10px 0; padding-bottom:10px; background:url(images/line-right.jpg) bottom no-repeat}
.list_product .item{width:240px; height:220px; float:left; margin-left:5px; margin-bottom:5px; background:url(images/bg-sp.jpg); border:solid 1px #ddd3c7; text-align:center}
.list_product .item h4{font-size:13px; padding:5px; line-height:22px; height:44px; overflow:hidden}
.list_product .item h6{font-size:11px; text-transform:uppercase; color:#007946; padding:5px; line-height:16px; height:32px; overflow:hidden}
.list_product .item img{width:143px; height:118px; border:solid 1px #9f9f9e}

.list_product .item_info{clear:both; margin:10px 0; height:120px;}
.list_product .item_info img{width:150px; height:110px; float:left; margin-right:10px; padding:1px; border:solid 1px #CCC}
.list_product h1{clear:both; font-size:16px; color:#0468bc; line-height:22px; margin:0 30px}
.list_product h2{clear:both; font-size:13px; color:#666; font-weight:100; line-height:22px; margin:0 30px 20px 30px}
.list_product .item_info h4{font-size:14px; line-height:22px}
.list_product .item_info p{font-size:13px; line-height:22px}

#view_post{clear:both; padding:10px 0}
#view_post h1{font-size:20px; padding:0; margin:0; line-height:25px}
#view_post h2{font-size:14px; padding:0; margin:0; line-height:22px; font-weight:bold; margin-bottom:5px}
#view_post h3,#view_post h4{font-size:13px}
#view_post #datetime{clear:both; color:#666; line-height:14px; margin-left:20px; padding:10px 0 10px 20px; background:url(images/datetime.jpg) no-repeat left}
#view_post p, #view_post div{line-height:22px; margin:10px 0}

#baivietkhac{clear:both; list-style:none; margin:30px 0}
#baivietkhac li{clear:both; line-height:30px; height:30px; overflow:hidden; margin-left:30px; padding-left:15px; background:url(images/li.jpg) left no-repeat}
#baivietkhac li a{color:#666; font-weight:bold}

#footer{clear:both; line-height:36px; background-color:#666; color:#FFF}
#footer #menu_foo{width:auto; float:right}
#footer #menu_foo a{color:#FFF; padding:0 10px}

#navigator{clear:both; height:40px; line-height:40px; margin-left:255px}
#navigator a{color:#666; padding:0 20px 0 15px; background:url(images/navigator.jpg) left no-repeat}

#phantrang{clear:both; padding:30px 5px}
#phantrang a{padding:5px 8px; margin-right:5px; background-color:#E0F0FE; border:solid 1px #0197F1}

#contact{line-height:22px; margin:30px 0}
#contact h1{font-size:22px; font-weight:bold; line-height:25px}
#contact h2{font-size:14px; line-height:22px}
.txt{color:#666; width:300px; padding:5px; margin-bottom:5px; background-color:#E0F0FE; border:none}
.textarea{color:#666; width:300px; height:80px; overflow:auto; line-height:20px; padding:5px; margin-bottom:5px; background-color:#E0F0FE; border:none}
.btn{color:#FFF; font-weight:bold; width:310px; padding:10px 0; background-color:#0197F1; border:none; cursor:pointer}

/*menu*/
#nav, #nav ul {list-style:none; position:relative; line-height:34px; z-index:1000}
#nav a:link, #nav a:active, #nav a:visited {display:block; background-color:none; text-decoration:none}
#nav li a {font-weight:bold; padding:0 30px; color:#FFF; font-size:12px; text-transform:uppercase}
#nav a:hover {background-color:#3698ea; color:#FFF}
#nav li {float:left; position:relative}
#nav ul {position:absolute; width:160px; top:34px; display:none}
#nav li ul a {width:160px; line-height:27px; float:left; color:#FFF; font-weight:normal; padding:0 25px; background-color:#0C6DBE; border-bottom:solid 1px #3797EB}
#nav li ul a:hover {background-color:#3797EB; color:#FFF}
#nav ul ul {top:auto}
#nav li ul ul {left:241px}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {display:none}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {display:block}

/*partner*/
#partner{clear:both; height:150px}
.simply-scroll-container {position: relative;}
.simply-scroll-clip {position: relative;overflow: hidden;}
.simply-scroll {width:1000px; height:120px;} 
.simply-scroll .simply-scroll-clip {width:1000px; height:120px;}
.simply-scroll .simply-scroll-list li {float:left; width:200px; height:120px; margin:0 5px; }
.simply-scroll .simply-scroll-list li img{width:200px; height:120px}